<div id="content" class="nowGpsHtml">
	<div class="row s_page_title y_map_title">
		<sa-big-breadcrumbs [items]="['车辆定位管理','实时定位']" icon="fa fa-car" class="col-xs-12 col-sm-7 col-md-7 col-lg-4"></sa-big-breadcrumbs>
	</div>
	<div style="position: relative;min-height: 600px;border-radius: 0 4px 4px 0;" id='wrap'> 
	<div  class="col-xs-12 col-sm-6 col-md-3 no-padding">
		<car-trees (outerSend)="getCartreeMess($event)" [height]="carTreeHeight"></car-trees>
	</div>
	<div class="well well-sm col-xs-12 col-sm-6 col-md-9 mapView treeRight" >
		<!--右上角搜索模块-->
		<div class="seachContent">
			<div id="r-result" class="input-group">
				<select class="col-xs-5 searhType" [(ngModel)]='searhType' (change)='changeType()'>
					<option value="1">地区搜索</option>
					<!--<option value="2">车牌号码</option>-->
					<option value="3">设备ID</option>
				</select>
				<input [hidden]='searhType=="2"||searhType=="3"' type="text" id="suggestId" [(ngModel)]='searhValue' placeholder="请输入搜索的地区" class="col-xs-7" autocomplete="off">
				<input [hidden]='searhType=="1"||searhType=="3"' type="text"  [(ngModel)]='fuzzyVal' placeholder="请输入搜索的车牌号" class="col-xs-7 diy_seachInp" autocomplete="off">
				<input [hidden]='searhType=="1"||searhType=="2"' type="text"  [(ngModel)]='fuzzyVal' placeholder="请输入搜索的设备ID" class="col-xs-7 diy_seachInp" autocomplete="off">
				<span class="input-group-btn">
					<button type="button" class="btn btn-primary btn-sm" id="search" (click)="getBoundary()">
						<i class="ace-icon fa fa-search icon-on-right bigger-110"></i>
					</button>
				</span>
			</div>
			<div class="fuzzyList"> 
				<ul>
					<li *ngFor='let item of fuzzyArr' (click)='getFuzzyVal(item)'> {{item}}</li>
				</ul>
			</div>
			<div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div>
		</div>
		
		<!--折线图模块-->
		<!--<div id="chartWarp" class="chartWarp">
			<div style="border-radius: 5px;background: #202939;" id="weightWarp">
				<div class="closeChart" (click)="closeWeightChart()"> 
					 ×
				</div>
				<div id="weightChart" class="weightChart" ></div>
			</div>
			<div  style="position: absolute;width: 150px;right: 0;top: 230px;" id="speedWarp">
				<div class="closeChartSpeed" (click)="closeSpeedChart()"> × </div>
				<div id="speedChart" class="speedChart" ></div>
			</div>
		</div>-->
		
		
		<!--地图及表格-->
		<div class="col-xs-12 map-box">
			<div id="baiduMap" class="fix_map bmap-map"></div>
			<sa-bmap-tools [baiduMap]="mp" [isShowCity]="false"></sa-bmap-tools>
		
			<!--表格的超载，行驶，空载设置-->
			<!--<div class='configureParam'>
				<span class="closeConfigureView" style="float:right;padding: 0 5px;">
					X
				</span>
				<ul>
					<li class='configureTitle'>设置监控车辆参数</li>
					<li class="temporaryHide">装货（吨）＞ <input class="setShipment" /></li>
					<li class="temporaryHide">卸货（吨）＞ <input class="setDisburden" /></li>
					<li>空载（吨）＜ <input class="setNullload" /></li>
					<li>重载（吨）＞ <input class="setHeftload" /></li>
					<li>行驶（km/h）＞ <input class="setTravel" /></li>
					<li>静止（km/h）＜ <input class="setStatic" /></li>
					<li>离线（ 分钟 ）＞ <input class="setOffline" /></li>
				</ul>
				<button class="btn btn-info btn-sm sureConfigure">
					确定
				</button>
			</div>-->
			<!--<div class="mapMonitor">
				<span class="openListView" name="open" (click)="openList()">
					<i *ngIf="!isTable" class="ace-icon fa fa-angle-double-down"></i>	
					<i *ngIf="isTable" class="ace-icon fa fa-angle-double-up"></i>			
				</span>
				<button class="btn btn-info btn-sm" name='allCar' (click)="loadTypelist('allCar')">
								全部 <span class="carTypeNum">{{allCarArr.length}}</span>
						</button>
				<button class="btn btn-info btn-sm" name='nullload' (click)="loadTypelist('nullload')">
					空载 <span class="carTypeNum">{{nullloadArr.length}}</span>
				</button>

				<button class="btn btn-info btn-sm" name='heftload' (click)="loadTypelist('heftload')">
					重载 <span class="carTypeNum">{{heftloadArr.length}}</span>
				</button>
				<button class="btn btn-info btn-sm" name='travel' (click)="loadTypelist('travel')">
					行驶 <span class="carTypeNum">{{travelArr.length}}</span>
				</button>
				<button class="btn btn-info btn-sm" name='static' (click)="loadTypelist('static')">
					静止 <span class="carTypeNum">{{staticArr.length}}</span>
				</button>
				<button class="btn btn-info btn-sm" name='offline' (click)="loadTypelist('offline')">
					离线 <span class="carTypeNum">{{offlineArr.length}}</span>
				</button>
			</div>-->
		</div>
		
		<!--地图表格-->
		<!--<div *ngIf="isTable" class="col-xs-12 table scrollTable">
			<div class="top-search" style="margin-top: 2px;">
				<input type="text" [(ngModel)]="searchKey" (change)="table_search()" class="search-input" placeholder="设备ID、车牌号...">
				<span class="top-search-box">
			        <button class="top-search-btn" type="button" (click)="table_search()"> <i class="fa fa-search"></i></button>
			    </span>
			</div>
			
			<sa-widgets-grid>
				<div class="s_table">
					<div sa-widget [editbutton]="false" color="darken" class="clearfix">
						<div>
							<div class="widget-body no-padding">
								<div class="table_scroll">
									<table class="display dataTables responsive table table-striped table-bordered table-hover dataTable s_h5_table">
										<thead>
											<tr>
												<th>车牌号</th>
												<th>设备ID</th>
												<th>速度</th>
												<th>重量</th>
												<th>定位时间</th>
											</tr>
										</thead>
										<tbody>
											<tr *ngFor="let row of resultTableData" (click)='tableItemPoint(row)' [ngClass]="{selected:activeSelected === row.id}">
												<td>{{row.carNumber}}</td>
												<td>{{row.deviceId}}</td>
												<td>{{row.speed}}</td>
												<td>{{row.weight}}</td>
												<td>{{row.gpsUploadDate}}</td>
											</tr>
										</tbody>
									</table>
								</div>
								<div class="table-fix clearfix">
									<paginator [totalRecords]="totalCount" [isPageSize]="false" [rows]="fixPageSize" [currentPage]="curPage - 1" (onPageChange)="paginate($event)">
									</paginator>
									<button type="button" class="btn default refresh_btn" (click)="refresh()"><i class="fa fa-refresh"></i></button>
								</div>
							</div>
						</div>
					</div>
				</div>
			</sa-widgets-grid>	
		</div>-->

	</div>
	</div>
</div>